<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button onclick="run()">暂停</button>
    <button onclick="state()">开始</button>
    <script>
        var cont = 0;
        // setInterval()生成一个定时器 参数1是定时执行的函数 参数2是间隔执行的时间单位毫秒
        // time得到的是setInterval()的返回值
        // 定时器编码
        // var time = setInterval(function(){
        //     cont++;
        //     console.log("你好，我是定时器",cont);
        // },200);
        // // 暂停和开始是一对
        function run(){
            // clearInterval（）销毁一个定时器 参数是定时器编码
            clearInterval(time);
        }
        function state(){
            // 生成一个新的定时器
            time = setInterval(function(){
                cont++;
                console.log("定时器被重新执行",cont);
            },200);
        }
        // setTimeout()延迟器 延迟执行一段代码,只执行一次,只执行一次,只执行一次
        // 参数1是延迟执行的函数
        // 参数2是延迟时间 单位毫秒
        // 返回值是延迟器编码
        var time2 = setTimeout(function(){
            console.log("setTimeout被执行");
        },100)
        // clearTimeout（）销毁一个延迟器 参数是延迟器编码
        // clearTimeout(time2);
    </script>
</body>
</html>